<template>
  <div id="app">
    <header>
          <!-- 视图名称-->
          <router-view name="header"></router-view>
      </header>
      <main>
            <router-view></router-view>
      </main>
      <footer>
            <router-view name="footer"></router-view>
      </footer>
     
  </div>
</template>

<style lang="less">
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  height: 100%;
}
#app {
  height: 100%;
  display: flex;
  flex-direction: column;

}
</style>
